<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>首页</title>
<%@ include file="common/link.jsp" %>
<%@ include file="common/script.jsp" %>
<script type="text/javascript">
$(window).load(function(){
	$('#demo-side-bar').removeAttr('style');
});
</script>
<style type="text/css">
.demobar{display:none;}
#demo-side-bar{top:53px!important;left:90%!important;display:block!important;}
</style>
<%@ include file="common/header.jsp" %>
</head>
<body>
<div class="clear"></div>
	
	<!-- Slider -->
    <div class="bannerbg">
        <div class="container clearfix">
                <div class="flexslider" >
                <ul class="slides">
                <c:if test="${!empty advers}">
                <c:forEach items="${advers}" var="adver">
                    <li>
                        <img src="${pageContext.request.contextPath}${adver.adPic}" alt="" />
                        <p class="flex-caption">${adver.adTitle}</p>
                    </li>      
                </c:forEach>
                </c:if>                            
                </ul>
            </div>
        </div>
    </div>
	<!-- /Slider -->
	
	<div class="clear padding40"></div>

	
	<!-- Content -->
	<section class="container clearfix">
	
		<!-- START FEATURED COLUMNS -->
		<div class="col_1_2">
			<div class="features">
				<div class="title clearfix">
					<img src="img/code-icon.png" alt="" class="alignleft" />
					<h3>合作伙伴</h3>
				</div>
				<ul>
				<c:if test="${!empty companys }">
				<c:forEach items="${companys}" var="company">
				<li>
					${company.ecName }
				</li>
				</c:forEach>
				</c:if>
				
				</ul>
			</div>
		</div>
		<div class="col_1_2 last">
			<div class="features">
				<div class="title clearfix">
					<img src="img/intuitive-icon.png" alt="" class="alignleft" />
					<h3>快递查询</h3>

				</div>
				<div class="clear padding20"></div>
				<form method="post" action="${pageContext.request.contextPath}/getecmsg" class="comments_form">
					<select name="ecType">
					    <c:if test="${!empty companyss }">
				        <c:forEach items="${companyss}" var="company">
						<option value ="${company.ecType }">${company.ecName }</option>
						</c:forEach>
						</c:if>
					</select>
					<div class="clear padding20"></div>
					<div class=""><input id="ecNumber"name="ecNumber" type="text" /></div><!--搜索框-->
					<div class="clear padding25"></div>
					<div class=""><button type="submit" class="button navy">点击查询</button></div><!--搜索按钮-->
				</form>
			</div>
		</div>
		<!-- END FEATURED COLUMNS -->
		
		<div class="clear padding10"></div>
	</section>
	<!-- /Content -->
		
	
	
	<section class="homepage_widgets_bg clearfix">
		<div class="container clearfix">
		
			<div class="padding20"></div>
			
            
            <!-- START COL 1/2 -->
			<div class="col_1_2 ">
				<h1 class="regular white bottom_line">关于我们</h1>
				<p></p> 

				<p> </p>
				
			</div>
			<!-- END COL 1/2 -->
            
			<!-- START COL 1/2 -->
            
           
           <div class="col_1_2 last" id="why-section">
				<h1 class="regular white bottom_line">Why Us</h1>
                <div><a href="#"><img class="alignleft MT0" id="why2" src="img/content-img2.png" alt="img" ></a></div>
				<p>
					Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus convallis urna a 
					enim convallis a bibendum lectus scelerisque. Aenean at mauris augue, sed fringilla justo.
				</p>
			</div>
           <div class="clear padding10"></div>
			
			<!-- end col 1/2 -->

			<div class="clear padding80"></div>
			
		</div>
	</section>

<%@ include file="common/footer.jsp" %>
</body>
</html>